<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" , minimum-scale=1.0, maximum-scale=1.0,
        user-scalable=no>
    <title>Document</title>
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="css/normalize.css">
    <!-- 引入首页样式 -->
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 头部搜索 -->
    <div class="search_content">
        <div class="search">
            <a href="#" class="classify"> <img src="images/fenlei.png" alt=""></a>
            <img src="images/header.gif" alt="">
            <a href="#" class="login"> <img src="images/denglu.png" alt=""></a>
        </div>
    </div>
    <div class="input_search">
        <a href="#">
            <input type="search" name="" id="" value="家电爆款每千减百">
        </a>

    </div>
    <!-- 焦点图 -->
    <div class="banner">
        <img src="upload/jiaodiantu.png" alt="">
    </div>
    <!-- nav  -->
    <nav>
        <a href="#">
            <img src="upload/nav01.png" alt="">
            <span>苏宁秒杀</span>
        </a>
        <a href="#">
            <img src="upload/nav02.png" alt="">
            <span>苏宁超市</span>
        </a>
        <a href="#">
            <img src="upload/nav03.png" alt="">
            <span>苏宁拼购</span>
        </a>
        <a href="#">
            <img src="upload/nav04.png" alt="">
            <span>手机数码</span>
        </a>
        <a href="#">
            <img src="upload/nav05.png" alt="">
            <span>苏宁家电</span>
        </a>
        <a href="#">
            <img src="upload/nav06.png" alt="">
            <span>免费水果</span>
        </a>
        <a href="#">
            <img src="upload/nav07.png" alt="">
            <span>super会员</span>
        </a>
        <a href="#">
            <img src="upload/nav08.png" alt="">
            <span>签到有礼</span>
        </a>
        <a href="#">
            <img src="upload/nav09.png" alt="">
            <span>领卷中心</span>
        </a>
        <a href="#">
            <img src="upload/nav10.png" alt="">
            <span>更多频道</span>
        </a>
    </nav>
    <!-- 广告模块 -->
    <div class="gg">
        <a href="">
            <img src="upload/gg01.png" alt="">
        </a>
        <a href="">
            <img src="upload/gg02.png" alt="">
        </a>
        <a href="">
            <img src="upload/gg03.png" alt="">
        </a>
    </div>
    <!-- 猜你喜欢 -->
    <div class="xihuan">
        <img src="images/xihuan.webp" alt="">
    </div>
    <!-- 产品模块 -->
    <div class="chanpin">
        <ul>
            <li>
                <img src="upload/chanpin01.webp" alt="">
                <p>海尔（Haier）10公斤大容量 变频 全自动 家用 滚筒洗衣机 除菌 香薰 静音 中途添衣 白色 EG100B129W</p>
                <p class="ziying">
                    <img src="images/ziying.png" alt="">
                    <span>套购</span>
                </p>
                <div class="jiage">
                    <span>￥1999</span>
                    300+评价
                </div>
            </li>
            <li>
                <img src="upload/chanpin01.webp" alt="">
                <p>海尔（Haier）10公斤大容量 变频 全自动 家用 滚筒洗衣机 除菌 香薰 静音 中途添衣 白色 EG100B129W</p>
                <p class="ziying">
                    <img src="images/ziying.png" alt="">
                    <span>套购</span>
                </p>
                <div class="jiage">
                    <span>￥1999</span>
                    300+评价
                </div>
            </li>
            <li>
                <img src="upload/chanpin01.webp" alt="">
                <p>海尔（Haier）10公斤大容量 变频 全自动 家用 滚筒洗衣机 除菌 香薰 静音 中途添衣 白色 EG100B129W</p>
                <p class="ziying">
                    <img src="images/ziying.png" alt="">
                    <span>套购</span>
                </p>
                <div class="jiage">
                    <span>￥1999</span>
                    300+评价
                </div>
            </li>
            <li>
                <img src="upload/chanpin01.webp" alt="">
                <p>海尔（Haier）10公斤大容量 变频 全自动 家用 滚筒洗衣机 除菌 香薰 静音 中途添衣 白色 EG100B129W</p>
                <p class="ziying">
                    <img src="images/ziying.png" alt="">
                    <span>套购</span>
                </p>
                <div class="jiage">
                    <span>￥1999</span>
                    300+评价
                </div>
            </li>
            <li>
                <img src="upload/chanpin01.webp" alt="">
                <p>海尔（Haier）10公斤大容量 变频 全自动 家用 滚筒洗衣机 除菌 香薰 静音 中途添衣 白色 EG100B129W</p>
                <p class="ziying">
                    <img src="images/ziying.png" alt="">
                    <span>套购</span>
                </p>
                <div class="jiage">
                    <span>￥1999</span>
                    300+评价
                </div>
            </li>
            <li>
                <img src="upload/chanpin02.webp" alt="">
                <p>爱仕达（ASD）锅具炒锅家用 WG8328E 不粘锅28cm平底锅不粘流嘴少油烟炒菜 燃气灶电磁炉明火通用 送木铲</p>
                <p class="ziying">
                    <img src="images/ziying.png" alt="">
                    <span>包邮</span>
                </p>
                <div class="jiage">
                    <span>￥89</span>
                    400+评价
                </div>
            </li><li>
                <img src="upload/chanpin02.webp" alt="">
                <p>爱仕达（ASD）锅具炒锅家用 WG8328E 不粘锅28cm平底锅不粘流嘴少油烟炒菜 燃气灶电磁炉明火通用 送木铲</p>
                <p class="ziying">
                    <img src="images/ziying.png" alt="">
                    <span>包邮</span>
                </p>
                <div class="jiage">
                    <span>￥89</span>
                    400+评价
                </div>
            </li><li>
                <img src="upload/chanpin02.webp" alt="">
                <p>爱仕达（ASD）锅具炒锅家用 WG8328E 不粘锅28cm平底锅不粘流嘴少油烟炒菜 燃气灶电磁炉明火通用 送木铲</p>
                <p class="ziying">
                    <img src="images/ziying.png" alt="">
                    <span>包邮</span>
                </p>
                <div class="jiage">
                    <span>￥89</span>
                    400+评价
                </div>
            </li><li>
                <img src="upload/chanpin02.webp" alt="">
                <p>爱仕达（ASD）锅具炒锅家用 WG8328E 不粘锅28cm平底锅不粘流嘴少油烟炒菜 燃气灶电磁炉明火通用 送木铲</p>
                <p class="ziying">
                    <img src="images/ziying.png" alt="">
                    <span>包邮</span>
                </p>
                <div class="jiage">
                    <span>￥89</span>
                    400+评价
                </div>
            </li><li>
                <img src="upload/chanpin02.webp" alt="">
                <p>爱仕达（ASD）锅具炒锅家用 WG8328E 不粘锅28cm平底锅不粘流嘴少油烟炒菜 燃气灶电磁炉明火通用 送木铲</p>
                <p class="ziying">
                    <img src="images/ziying.png" alt="">
                    <span>包邮</span>
                </p>
                <div class="jiage">
                    <span>￥89</span>
                    400+评价
                </div>
            </li>
        </ul>
    </div>
</body>

</html>